<style>
.disable {
  pointer-events: none;
}
.labelHead{
  white-space: normal;
  width: 100px;
}
</style>
<div class="bui-page bui-box-vertical" id="fbLoading">
  <header>
    <div class="bui-bar" style="background-color: rgb(255,85,46)">
      <div class="bui-bar-left">
        <!-- 左边有图标示例 -->
        <div class="bui-btn btn-back" id="fbFh"><i class="icon-back"></i></div>
      </div>
      <div class="bui-bar-main" id="nameFb"></div>
      <div class="bui-bar-right">
        <!-- 右边有图标示例 -->
      </div>
    </div>
  </header>
  <main>
    <div style="padding-bottom: 50px">
      <form id="J_Form" class="form-horizontal">
        <ul class="bui-list">
          <li class="bui-btn bui-box clearactive">
            <label class="bui-label" for="title">标题:</label>
            <div class="span1">
              <div class="bui-input" id="titleInput">
                <input id="title" type="text" class="bui-input" value="" placeholder="请输入标题">
                <p id="titleTs" style="color: red"></p>
              </div>
            </div>
          </li>

          <img id="pic" style="width: 300px"/>
          <img id="pic1" style="width: 300px"/>
          <li class="bui-btn bui-box-vertical clearactive">
            <div class="bui-label">
              <span style="color: red">*</span>内容:
<!--              <div style="background: rgb(7,193,96);border-radius: 5px;text-align: center;color: white;font-size: 0.2rem;width: 1rem; height: 0.5rem;line-height: 0.5rem;display: none" id="selectContent">选取内容</div>-->
            </div>
            <div id="editor">
              <!-- 编辑器容器 -->
            </div>
            <p id="contentTs" style="color: red"></p>
          </li>

          <div style="background: white" class="glyqx">
            <li class="bui-btn bui-box">
              <label class="labelHead">首页置顶：</label>
              <div class="span1">
                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                  <input type="radio" name="isFix" value="1"><i class="bui-radios"></i>开启
                </label>
                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                  <input type="radio" name="isFix" value="0" checked><i class="bui-radios"></i>关闭
                </label>
              </div>
            </li>
            <li class="bui-btn bui-box" id="fixDateK2" style="display: none">
              <label class="bui-label" for="datepicker_input_fix2">置顶结束日期：</label>
              <div class="span1"><input type="text" id="datepicker_input_fix2" readonly class="bui-input"></div>
            </li>
          </div>
          <div style="background: white" class="glyqx1">
            <li class="bui-btn bui-box">
              <label class="labelHead">分类页置顶：</label>
              <div class="span1">
                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                  <input type="radio" name="isFix1" value="1"><i class="bui-radios"></i>开启
                </label>
                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                  <input type="radio" name="isFix1" value="0" checked><i class="bui-radios"></i>关闭
                </label>
              </div>
            </li>
            <li class="bui-btn bui-box" id="fix1DateK2" style="display: none">
              <label class="bui-label" for="datepicker_input_fix12">置顶结束日期：</label>
              <div class="span1"><input type="text" id="datepicker_input_fix12" readonly class="bui-input"></div>
            </li>
          </div>
          <div style="background: white" class="glyqx2">
            <li class="bui-btn bui-box">
              <label class="labelHead">自动刷新：</label>
              <div class="span1">
                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                  <input type="radio" name="refresh" value="1"><i class="bui-radios"></i>开启
                </label>
                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                  <input type="radio" name="refresh" value="0" checked><i class="bui-radios"></i>关闭
                </label>
              </div>
            </li>
            <li class="bui-btn bui-box refreshK" style="display: none">
              <label class="bui-label" for="refreshcount2" style="width: 2.2rem">剩余刷新次数:</label>
              <div class="span1">
                <div class="bui-input" id="refreshcountInput2">
                  <input id="refreshcount2" type="text" class="bui-input" value="" placeholder="请输入剩余次数">
                  <p id="refreshcountTs2" style="color: red"></p>
                </div>
              </div>
            </li>
            <li class="bui-btn bui-box refreshK" style="display: none">
              <label class="bui-label" for="datepicker_input_refreshtime2">刷新时间（默认9：00）：</label>
              <div class="span1"><input type="text" id="datepicker_input_refreshtime2" readonly class="bui-input"></div>
            </li>
          </div>

          <div style="background: white; margin-top: 10px">
            <li class="bui-btn bui-box clearactive">
              <label class="bui-label" for="tel">手机号:</label>
              <div class="span1">
                <div class="bui-input" id="telInput">
                  <input id="tel" type="text" class="bui-input" value="" placeholder="请输入手机号">
                  <p id="telTs" style="color: red"></p>
                </div>
              </div>
            </li>
            <li class="bui-btn bui-box clearactive">
              <label class="bui-label" for="email2">邮箱:</label>
              <div class="span1">
                <div class="bui-input" id="emailInput2">
                  <input id="email2" type="text" class="bui-input" value="" placeholder="请输入邮箱">
                  <p id="emailTs2" style="color: red"></p>
                </div>
              </div>
            </li>
            <li class="bui-btn bui-box clearactive">
              <label class="bui-label" for="wx">微信号:</label>
              <div class="span1">
                <div class="bui-input user-input">
                  <input id="wx" type="text" class="bui-input" value="" placeholder="请输入微信号">
                  <p id="wxTs" style="color: red"></p>
                </div>
              </div>
            </li>
          </div>
        </ul>
      </form>
      <div style="width: 100%; text-align: center; margin-top: 10px">
        <img src="images/58logo.png">
      </div>

      <div style="background: rgb(251,144,49);border-radius: 30px;text-align: center;color: white;font-size: 0.3rem;width: 90%; height: 0.8rem;line-height: 0.8rem;margin: 0 auto" id="fbArticle">发布</div>
    </div>

    <!-- 中间自定义弹出框结构	 -->
<!--    <div id="contentDialog" class="bui-dialog" style="display: none;width: 300px; height: 400px">-->
<!--      <div class="bui-dialog-head">内容选择框</div>-->
<!--      <div class="bui-dialog-main">-->
<!--        <div id="textContent" class="bui-input">-->
<!--          <textarea id="" cols="30" rows="8" readonly="readonly"></textarea>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="bui-dialog-close"><i class="icon-close"></i></div>-->
<!--    </div>-->
    <!-- 中间自定义弹出框结构	 -->
    <div id="alterLinkDialog" class="bui-dialog" style="display: none;">
      <div class="bui-dialog-head">添加链接</div>
      <div class="bui-dialog-main">
        <ul class="bui-list">
          <li class="bui-btn bui-box clearactive">
            <label class="bui-label" for="link">链接:</label>
            <div class="span1">
              <div id="linkInput" class="bui-input">
                <input id="link" type="text" placeholder="请输入链接（http(s)://开头）">
                <p id="linkTs" style="color: red;font-size: 10px"></p>
              </div>
            </div>
          </li>
          <li class="bui-btn bui-box clearactive">
            <label class="bui-label" for="linkTitle">标题:</label>
            <div class="span1">
              <div id="linkTitleInput" class="bui-input">
                <input id="linkTitle" type="text" placeholder="请输入标题（选填）">
              </div>
            </div>
          </li>
          <li></li>
        </ul>
      </div>
      <div class="bui-dialog-foot">
        <div class="bui-box">
          <div class="span1">
            <div class="bui-btn">取消</div>
          </div>
          <div class="span1">
            <div class="bui-btn blue">确定</div>
          </div>
        </div>
      </div>
      <div class="bui-dialog-close"><i class="icon-close"></i></div>
    </div>
  </main>
  <footer>
    <!-- 底部内容 -->
  </footer>
</div>
